<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>趣学网</title>
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 样式重置 -->
    <link rel="stylesheet" href="./css/index.css">
</head>
<!-- 缩放比例76% -->

<body>
    <div class="box">
        <!-- 网页头部 begin -->
        <header>
            <div class="container">
                <div class="logo"><img class="auto-img" src="./images/images1/1.png" alt=""></div>

                <div class="centerl">
                    <div class="centerll">
                        <div class="centerllimg"><img class="auto-img" src="./images/images1/location.png" alt=""></div>
                        <div class="centerlltext">广州</div>
                    </div>

                    <div class="centerlr">
                        <div class="centerlrl"><img class="auto-img" src="./images/images1/search1.png" alt=""></div>
                        <div class="centerlrc"><input type="text" placeholder="搜素培训结构或课程"></div>
                        <div class="centerlrr">
                            <div class="titl">搜索</div>
                        </div>
                    </div>
                </div>

                <div class="foot">
                    <div class="container">
                        <li>足迹</li>
                        <li>消息</li>
                        <li>收藏</li>
                        <li><img src="./images/images1/2.png" alt=""></li>
                    </div>
                </div>
            </div>
        </header>
        <!-- 网页头部end -->


        <!-- 导航栏 begin -->
        <nav>
            <!-- 导航栏版心begin -->
            <div class="container">
                <ul class="list">
                    <li>首页</li>
                    <li>找学校</li>
                    <li>问答社区</li>
                    <li>咨询文章</li>
                    <li>趣学专题</li>
                </ul>
            </div>
            <!-- 导航栏版心 end   -->
        </nav>
        <!-- 导航栏end -->

        <!-- 轮播图 begin -->
        <div class="banner">
            <img class="auto-img" src="./images/images1/3.png" alt="">
        </div>
        <!-- 轮播图end -->

        <!-- 内容主题 begin -->
        <main>

            <!-- 广州热们学校begin -->
            <section class="popular">
                <div class="container">
                    <div class="containerl">
                        <div class="head">
                            <div class="header">
                                <div class="big">广州热门学校</div>
                                <div class="min">报课不迷路</div>
                            </div>
                            <div class="foot">更多热门学校></div>
                        </div>
                        <div class="contert">
                            <div class="detail">
                                <div class="detaili">
                                    <img class="auto-img" src="./images/images1/4.png" alt="">
                                </div>
                                <div class="detailt">
                                    <div>
                                        <div class="title">童程童美教育</div>
                                        <div class="title1">★★★★★5.0分</div>
                                        <div class="title2"><span> 少儿编程</span></div>
                                        <div class="title3"> 天河公园/上社</div>
                                    </div>
                                </div>
                            </div>
                            <div class="detail">
                                <div class="detaili"><img class="auto-img" src="./images/images1/5.png" alt=""></div>
                                <div class="detailt">
                                    <div>
                                        <div class="title">丽态丽姿·形体仪态礼仪</div>
                                        <div class="title1">★★★★★5.0分</div>
                                        <div class="title2"><span> 礼仪口才</span></div>
                                        <div class="title3"> 珠江新城</div>
                                    </div>
                                </div>

                            </div>
                            <div class="detail">
                                <div class="detaili"><img class="auto-img" src="./images/images1/6.png" alt=""></div>
                                <div class="detailt">
                                    <div>
                                        <div class="title">新世界日语</div>
                                        <div class="title1">★★★★★5.0分</div>
                                        <div class="title2"><span> 日语</span></div>
                                        <div class="title3"> 天河城/体育中心</div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="conterb">
                            <div class="detail">
                                <div class="detaili">
                                    <img class="auto-img" src="./images/images1/7.png" alt="">
                                </div>
                                <div class="detailt">
                                    <div>
                                        <div class="title">艾佛瑞钢琴学校</div>
                                        <div class="title1">★★★★★5.0分</div>
                                        <div class="title2"><span> 音乐</span></div>
                                        <div class="title3"> 车陂/东圃</div>
                                    </div>
                                </div>
                            </div>
                            <div class="detail">
                                <div class="detaili">
                                    <img class="auto-img" src="./images/images1/8.png" alt="">
                                </div>
                                <div class="detailt">
                                    <div>
                                        <div class="title">美联少儿英语辅导</div>
                                        <div class="title1">★★★★★5.0分</div>
                                        <div class="title2"><span> 英语</span></div>
                                        <div class="title3"> 凯德广场</div>
                                    </div>
                                </div>
                            </div>
                            <div class="detail">
                                <div class="detaili">
                                    <img class="auto-img" src="./images/images1/9.png" alt="">
                                </div>
                                <div class="detailt">
                                    <div>
                                        <div class="title">山谷私塾</div>
                                        <div class="title1">★★★★★5.0分</div>
                                        <div class="title2"><span> 书法</span></div>
                                        <div class="title3"> 兴盛路/跑马场</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="containerr">
                        <div class="head">
                            <div class="tilie">热门讨论... <span>(去社区看看)</span></div>
                            <div class="tilie1 houmian1">我的假期学习计划
                                <div class="tilie2">300万次浏览</div>
                            </div>
                            <div class="tilie1 houmian">少儿英语该如何启蒙？<div class="tilie2">267.9万次浏览</div>
                            </div>
                            <div class="tilie1 houmian">掌握学习语言的技巧<div class="tilie2">300万次浏览</div>
                            </div>
                            <div class="tilie1"> 少儿艺术培训机构现状如何？<div class="tilie2">328.6万次浏览</div>
                            </div>
                            <div class="tilie1"> 少儿培训季候怎么选
                                <div class="tilie2">156.2万次浏览</div>
                            </div>
                            <div class="tilie1">如何提高学习效率
                                <div class="tilie2">42.6万次浏览</div>
                            </div>
                            <div class="tilie1">2020什么课程最热门
                                <div class="tilie2">320.2万次浏览</div>
                            </div>
                            <div class="tilie1">国内十大少儿美术培训品牌对比
                                <div class="tilie2">300万次浏览</div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 广州热们学校end -->

            <!-- 热门兴趣课 begin -->
            <section class="taste">
                <div class="container">
                    <div class="head">
                        <div class="containerl">
                            <div class="hos">热门兴趣课</div>
                            <div class="xue">看看他们学什么</div>
                        </div>

                        <div class="containerr">更多兴趣课></div>
                    </div>
                    <div class="bodys">
                        <div class="containerb">
                            <div class="img"><img class="auto-img" src="./images/images1/10.png" alt=""></div>
                            <div class="text">
                                <li>尤克里里</li>
                                <li>增强自信心，培养情操及内涵。</li>
                            </div>
                        </div>
                        <div class="containerb">
                            <div class="img"><img class="auto-img" src="./images/images1/11.png" alt=""></div>
                            <div class="text">
                                <li>芭蕾舞</li>
                                <li>改善孩子身形，提高气质。</li>
                            </div>
                        </div>
                        <div class="containerb">
                            <div class="img"><img class="auto-img" src="./images/images1/12.png" alt=""></div>
                            <div class="text">
                                <li>围棋</li>
                                <li>开发智力，提高综合素质。</li>
                            </div>
                        </div>
                        <div class="containerb">
                            <div class="img"><img class="auto-img" src="./images/images1/13.png" alt=""></div>
                            <div class="text">
                                <li>少儿绘画</li>
                                <li>培养想象力，激发美术创作。</li>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 热门兴趣课 end -->

            <!-- 家长种草推荐 begin -->
            <section class="parent">
                <div class="container">
                    <div class="head">
                        <div class="conterl">家长种草推荐</div>
                        <div class="conterr">更多兴趣课></div>
                    </div>
                    <div class="bodys">
                        <div class="conters">
                            <img class="auto-img" src="./images/images1/14.png" alt="">
                            <div class="text">
                                <p>女儿从四岁多一直都腾星学习啦啦操培训，会努力坚持的！</p>
                            </div>
                        </div>
                        <div class="conters">
                            <img class="auto-img" src="./images/images1/15.png" alt="">
                            <div class="text">
                                <p>上几节课,孩子的胆怯和怯场慢慢有了改善,以前总会有"生人勿...</p>
                            </div>
                        </div>
                        <div class="conters">
                            <img class="auto-img" src="./images/images1/16.png" alt="">
                            <div class="text">
                                <p>老师很专业,教的很仔细,学下来感觉课堂氛围很好,舞蹈室很大...</p>
                            </div>
                        </div>
                        <div class="conters">
                            <img class="auto-img" src="./images/images1/17.png" alt="">
                            <div class="text">
                                <p>魔术老师很有耐心,孩子很内向,希望跟着老师学习后能活泼开朗</p>
                            </div>
                        </div>
                    </div>
                    <div class="bodys">
                        <div class="conters">
                            <img class="auto-img" src="./images/images1/18.png" alt="">
                            <div class="text">
                                <p>值得推荐,近在为孩子找报读兴趣班,也在团上看了很多,最终挑选到...</p>
                            </div>
                        </div>
                        <div class="conters">
                            <img class="auto-img" src="./images/images1/19.png" alt="">
                            <div class="text">
                                <p>体验了一下何老师的吉他课,老师超nice,上课很轻松,环境也很...</p>
                            </div>
                        </div>
                        <div class="conters">
                            <img class="auto-img" src="./images/images1/20.png" alt="">
                            <div class="text">
                                <p>老师很专业,环境特别好,女儿学的非常认真.</p>
                            </div>
                        </div>
                        <div class="conters">
                            <img class="auto-img" src="./images/images1/21.png" alt="">
                            <div class="text">
                                <p>环境很好,老师也非常亲切,小宝很喜欢老师,只是离家远!</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 家长种草推荐 end -->


            <!-- 直播试听课 begin -->
            <section class="broadcast">
                <div class="container">
                    <!-- 两边 -->
                    <span class="prev">&lt;</span>
                    <span class="next">&gt;</span>


                    <div class="head">
                        <div class="centerl">直播试听课</div>
                        <div class="centerr">更多直播课></div>
                    </div>
                    <div class="bodys">
                        <div class="conter">
                            <img class="auto-img" src="./images/images1/22.png" alt="">
                            <div class="text">
                                <ul class="little">
                                    <li>胜狮少儿口才培训</li>
                                    <li>开播时间:2020年10月15日</li>
                                </ul>
                                <div class="buton">
                                    <div><img src="./images/images1/26.png" alt=""></div>
                                    <div>讲师:小强老师</div>
                                </div>
                            </div>
                        </div>

                        <div class="conter">
                            <img class="auto-img" src="./images/images1/23.png" alt="">
                            <div class="text">
                                <ul class="little">
                                    <li>大本象美术教育</li>
                                    <li>开播时间:2020年11月10日</li>
                                </ul>
                                <div class="buton">
                                    <div><img src="./images/images1/27.png" alt=""></div>
                                    <div>讲师:张修</div>
                                </div>
                            </div>
                        </div>
                        <div class="conter">
                            <img class="auto-img" src="./images/images1/24.png" alt="">
                            <div class="text">
                                <ul class="little">
                                    <li>心乐艺术中心</li>
                                    <li>开播时间:2020年10月30日</li>
                                </ul>
                                <div class="buton">
                                    <div><img src="./images/images1/26.png" alt=""></div>
                                    <div>讲师:小王老师</div>
                                </div>
                            </div>
                        </div>
                        <div class="conter">
                            <img class="auto-img" src="./images/images1/25.png" alt="">
                            <div class="text">
                                <ul class="little">
                                    <li>乐博乐博STEAM少儿编程</li>
                                    <li>开播时间:2020年12月15日</li>
                                </ul>
                                <div class="buton">
                                    <div><img src="./images/images1/26.png" alt=""></div>
                                    <div>讲师:小张老师</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 直播试听课 end -->

            <!-- 文章 begin -->
            <section class="article">
                <div class="container">
                    <div class="head">
                        <div class="wen">文章</div>
                        <div class="duo">更多文章></div>
                    </div>
                    <div class="bodys">
                        <div class="conter">
                            <div class="title">
                                <div class="titleimg"><img class="auto-img" src="./images/images1/28.png" alt=""></div>
                                <div class="titletext">
                                    <div>有关孩子“兴趣班”，看这一篇，就够了！</div>
                                    <div><img  src="./images/images1/QQ截图20210426100231副本.png" alt=""> 10000</div>
                                </div>
                            </div>
                        </div>
                        <div class="conter">
                            <div class="title">
                                <div class="titleimg"><img class="auto-img" src="./images/images1/29.png" alt=""></div>
                                <div class="titletext">
                                    <div>有关孩子“兴趣班”，看这一篇，就够了！</div>
                                    <div><img src="./images/images1/QQ截图20210426100231副本.png" alt=""> 10000</div>
                                </div>
                            </div>
                        </div>
                        <div class="conter">
                            <div class="title">
                                <div class="titleimg"><img class="auto-img" src="./images/images1/30.png" alt=""></div>
                                <div class="titletext">
                                    <div>有关孩子“兴趣班”，看这一篇，就够了！</div>
                                    <div><img src="./images/images1/QQ截图20210426100231副本.png" alt=""> 10000</div>
                                </div>
                            </div>
                        </div>
                        <div class="conter">
                            <div class="title">
                                <div class="titleimg"><img class="auto-img" src="./images/images1/31.png" alt=""></div>
                                <div class="titletext">
                                    <div>有关孩子“兴趣班”，看这一篇，就够了！</div>
                                    <div><img src="./images/images1/QQ截图20210426100231副本.png" alt=""> 10000</div>
                                </div>
                            </div>
                        </div>
                        <div class="conter">
                            <div class="title">
                                <div class="titleimg"><img class="auto-img" src="./images/images1/32.png" alt=""></div>
                                <div class="titletext">
                                    <div>有关孩子“兴趣班”，看这一篇，就够了！</div>
                                    <div><img src="./images/images1/QQ截图20210426100231副本.png" alt=""> 10000</div>
                                </div>
                            </div>
                        </div>
                        <div class="conter">
                            <div class="title">
                                <div class="titleimg"><img class="auto-img" src="./images/images1/33.png" alt=""></div>
                                <div class="titletext">
                                    <div>有关孩子“兴趣班”，看这一篇，就够了！</div>
                                    <div><img src="./images/images1/QQ截图20210426100231副本.png" alt=""> 10000</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 文章 end -->

        </main>
        <!-- 内容主题 end -->


        <!-- 页脚 begin -->
        <footer class="footer">
            <div class="container">
                <div class="foott">
                    <ul class="title">
                        <li>联系我们</li>
                        <li>法律声明</li>
                        <li>隐私政策</li>
                        <li>用户协议</li>
                        <li>加入我们</li>
                    </ul>
                    <div class="hou">
                        <li>
                            <div class="houimg"><img class="auto-img" src="./images/images1/weib.png" alt=""></div>官方微博
                        </li>
                        <li>
                            <div class="houimg"><img class="suto-img" src="./images/images1/weixin.png" alt=""></div>
                            微信公众号
                        </li>
                    </div>
                </div>
                <div class="footf">
                    <div class="footft">客服热拙维: 408563610 周一至周日 90O- 210 在线客服。趣学网–我-在线客服 │ 违法和不良皓息举雄电话 : 400 8536 100转7 │
                        举报邮箱 gukdeaunrcom │ 网上有害信息举报 │ 款APP备1101517号</div>
                    <div class="footfb">
                        粤CP备1503397号│粤公网安备11010502035430号│粤32-2017083.│广东趣学教育有限公司│广州市天河区广图路大街1号院5号楼2单元28层3281至3289室│营业执照│出版物证
                    </div>
                </div>
            </div>
        </footer>
        <!-- 页脚 end -->

    </div>
</body>

</html>